<template>
  <x-dialog
    @on-hide="$emit('input', false)"
    v-model="value"
    :dialog-style="{width: '100%', height: '100%', maxWidth: '100%', background: 'transparent'}">
    <slot></slot>
  </x-dialog>
</template>

<script>
  import XDialog from 'vux/src/components/x-dialog';
  export default {
    props: {
      value: {
        default: false,
        type: Boolean,
        require: true
      }
    },
    components: {
      XDialog
    }
  }
</script>
